<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"><head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<!-- INCLUDE THE FOUR TAGS BELOW IN THE SPECIFIED ORDER TO IMPLEMENT THE IMAGE ROTATOR -->
<script type="text/javascript" src="assets/js/jquery-1.4.2.min.js"></script>
<script type="text/javascript" src="assets/js/jquery.cycle.all.min.js"></script>
<script type="text/javascript" src="assets/js/jquery.jcarousel.min.js"></script>
<script type="text/javascript" src="assets/js/image-rotator-manager.js"></script>

<!-- IMAGE ROTATOR STYLESHEETS -->
<link rel="stylesheet" type="text/css" media="screen" href="assets/css/main.css" />
<link rel="stylesheet" type="text/css" href="assets/css/skin-weld-tour.css" />

<!-- CREATES THE IMAGE ROTATOR -->
<script type="text/javascript" >
	var imageRotatorManager;
	jQuery(document).ready(function() {
		imageRotatorManager = new ImageRotatorManager();
	});
</script>

<title>Experience Weld County</title>
</head>

<body>

<!-- IMAGE ROTATOR CONTAINER -->
<div class="wrapper" >
    <div id="slideshow" class="pics" ></div>
    <div id="description_box" class='description'>  
        <a id="imageTitle" href="www.google.com"></a>
        <p id="caption" class='description_content'></p>  
    </div> 
    <div id="carousel_container" >  
    	<ul id="carousel_ul" class="jcarousel-skin-weld-tour"></ul>
    </div>
</div>
<p class="clear"></p>
<!-- END IMAGE ROTATOR CONTAINER -->

<!-- OPTIONAL SLIDESHOW CONTROLS -->
<!--<div id="photo-slideshow-controls">
    <a id="prev-btn" href="#">Prev</a> 
    <a id="next-btn" href="#">Next</a>
    <a id="play" href="#">Play</a> 
    <a id="pause" href="#">Pause</a>
    <a id="restart" href="#">Restart</a>
    <div class="clear"></div>
</div>-->
<!-- END OPTIONAL SLIDESHOW CONTROLS -->

</body>
</html>
